*,p{
    margin:0
}
div.index-container .content .case-list-box a.list-item dl dt:hover img,div.index-container .content .index-list-01-box a.list-item dl dt:hover img,div.index-container .content .news-list-box a.list-item dl dt:hover img,div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .thumb:hover img,div.inner-box .content .news-list-box a.list-item dl dt:hover img{
    transform:scale(1.2)
}
*{
    padding:0
}
body,html{
    font-size:12px;
    background-color:#fff
}
li,ol,ul{
    list-style:none
}
.container{
    width:1440px;
    margin:0 auto;
    padding:0;
    overflow:hidden
}
.container:after{
    display:block;
    content:'';
    clear:both
}
@media screen and (max-width:1440px){
    .container{
        width:100%;
        padding:0 15px
    }
}
h1,h2,h3,h4,h5,h6{
    margin:0
}
a{
    color:#333
}
a:focus,a:hover{
    text-decoration:none;
    opacity:.8
}
.clearfix{
    width:100%;
    clear:both
}
div.header-wrapper{
    height:128px;
    position:relative;
    background-color:#fff
}
div.header-wrapper .left-content,div.header-wrapper .right-content{
    padding:0
}
div.header-wrapper .left-content{
    width:490px;
    padding-top:26px;
    float:left
}
div.header-wrapper .left-content a.logo{
    display:block
}
div.header-wrapper .left-content a.logo img{
    max-width:100%
}
div.header-wrapper .right-content{
    width:850px;
    float:right
}
div.header-wrapper .right-content .mobile-menu{
    display:none;
    width:.3rem;
    position:absolute;
    top:.32rem;
    right:15px;
    z-index:9999
}
div.header-wrapper .right-content .mobile-menu span{
    display:block;
    width:100%;
    height:.05rem;
    margin-top:.05rem;
    background-color:#666
}
div.header-wrapper .right-content .mobile-menu span:first-child{
    margin-top:0
}
div.header-wrapper .right-content .navigation-box{
    width:100%
}
div.header-wrapper .right-content .navigation-box .list-box{
    width:100%;
    display:table;
    height:128px
}
div.header-wrapper .right-content .navigation-box .list-box .list-item{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
div.header-wrapper .right-content .navigation-box .list-box .list-item a{
    color:#666
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .first{
    position:relative
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .first a{
    font-size:16px;
    display:inline-block;
    border-bottom:1px solid transparent;
    padding:5px 0
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .first .arrow-right{
    display:none;
    width:.42rem;
    height:100%;
    background:url(../images/arrow_right.png) center center no-repeat;
    background-size:.1rem;
    position:absolute;
    top:0;
    right:0
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container{
    display:none;
    width:100%;
    background:#e8e8e8;
    position:absolute;
    left:0;
    bottom:-35px;
    z-index:10
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box{
    width:720px;
    float:right
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box{
    height:45px;
    display:table
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item{
    display:table-cell;
    vertical-align:middle;
    padding:0 10px;
    font-size:15px
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item.sub-title{
    position:relative;
    padding-right:20px
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item.sub-title p{
    position:relative;
    font-weight:700
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item.sub-title p:before{
    display:block;
    content:'';
    height:14px;
    border-right:1px solid #333;
    position:absolute;
    right:-15px;
    top:50%;
    margin-top:-7px
}
div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item.active{
    color:#333
}
div.header-wrapper .right-content .navigation-box .list-box .list-item.active .first a{
    border-bottom-color:#f60
}
div.header-wrapper .right-content .navigation-box .list-box .list-item:hover .sub-container{
    display:block
}
@media screen and (max-width:1440px){
    div.header-wrapper,div.header-wrapper .right-content .navigation-box .list-box{
        height:100px
    }
    div.header-wrapper .left-content{
        width:390px;
        padding-top:20px
    }
    div.header-wrapper .right-content{
        width:750px
    }
    div.header-wrapper .right-content .navigation-box{
        padding-top:0
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .first a{
        font-size:16px
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item{
        font-size:14px
    }
}
@media screen and (max-width:1200px){
    div.header-wrapper,div.header-wrapper .right-content .navigation-box .list-box{
        height:90px
    }
    div.header-wrapper .left-content{
        width:300px
    }
    div.header-wrapper .right-content{
        width:600px
    }
    div.header-wrapper .right-content .top-info{
        padding:0 15px
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .first a{
        font-size:14px
    }
}
@media screen and (max-width:980px){
    div.header-wrapper{
        width:100%;
        height:.9rem;
        box-shadow:0 0 1rem rgba(0,0,0,.1);
        background-color:#fff;
        position:fixed;
        left:0;
        top:0;
        z-index:99
    }
    div.header-wrapper .container{
        height:100%
    }
    div.header-wrapper .left-content,div.header-wrapper .right-content{
        width:100%;
        padding:0;
        position:relative
    }
    div.header-wrapper .left-content{
        width:auto;
        padding-top:.12rem;
        z-index:999
    }
    div.header-wrapper .left-content a.logo{
        display:block;
        width:4.2rem
    }
    div.header-wrapper .right-content{
        width:100%;
        position:absolute;
        left:0;
        top:0;
        z-index:998
    }
    div.header-wrapper .right-content .top-info{
        display:none
    }
    div.header-wrapper .right-content .mobile-menu{
        display:block
    }
    div.header-wrapper .right-content .navigation-box{
        display:block;
        width:2.6rem;
        height:100%;
        padding-top:.9rem;
        box-sizing:border-box;
        background-color:#fff;
        position:fixed;
        left:-2.6rem;
        top:0;
        z-index:998;
        transition:All .4s ease-in-out
    }
    div.header-wrapper .right-content .navigation-box .list-box{
        display:block;
        height:100%;
        box-shadow:0 0 1rem rgba(0,0,0,.1)
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item{
        display:block;
        padding:.2rem 0;
        border-left:.1rem solid transparent;
        border-top:1px solid #f1f1f1
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .first{
        text-align:left;
        padding:0 .5rem 0 .15rem
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .first a{
        font-size:.18rem;
        padding:0;
        line-height:1
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .first .arrow-right{
        display:block
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container{
        display:none;
        width:7.2rem;
        height:100%;
        box-sizing:border-box;
        padding-top:.9rem;
        background:0 0;
        position:fixed;
        top:0;
        left:2.6rem;
        z-index:96
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .container{
        box-sizing:border-box;
        padding:0
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box{
        width:100%;
        height:100%;
        box-sizing:border-box;
        padding:.2rem .15rem;
        background-color:#f1f1f1
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box{
        height:auto;
        display:block
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box:after{
        display:block;
        content:'';
        clear:both
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item{
        display:block;
        padding:.15rem .25rem;
        font-size:.14rem;
        float:left
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item.sub-title{
        width:100%;
        text-align:left;
        padding:.15rem .25rem
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container .sub-box .sub-list-box .sub-list-item.sub-title p:before{
        display:none
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item:first-child{
        border-top:0
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item.active{
        border-left-color:#f60;
        background-color:#f4f4f4
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item.active .first a{
        color:#f60;
        border-bottom-color:transparent;
        font-size:.18rem
    }
}
@media screen and (max-width:768px){
    div.header-wrapper{
        height:1.2rem
    }
    div.header-wrapper .left-content{
        padding-top:.15rem
    }
    div.header-wrapper .right-content .navigation-box,div.header-wrapper .right-content .navigation-box .list-box .list-item .sub-container{
        padding-top:1.2rem
    }
    div.header-wrapper .left-content a.logo{
        width:5.6rem
    }
    div.header-wrapper .right-content .mobile-menu{
        top:.42rem;
        width:.36rem
    }
    div.header-wrapper .right-content .mobile-menu span{
        height:.07rem;
        margin-top:.07rem
    }
    div.header-wrapper .right-content .navigation-box .list-box .list-item .first .arrow-right{
        background-size:.15rem
    }
}
.carousel-control.left,.carousel-control.right{
    background:center center no-repeat
}
.carousel-control.left{
    background-image:url(../images/btn_left.png)
}
.carousel-control.right{
    background-image:url(../images/btn_right.png)
}
div.index-banner{
    background:url(../images/banner2.jpg) center center no-repeat;
    background-size:cover
}
div.index-banner .flex-box{
    text-align:center;
    font-size:15px;
    color:#fff;
    line-height:1.5;
    padding:50px 0
}
div.index-banner .flex-box h3.orange{
    font-size:23px;
    color:#fc0;
    margin-bottom:20px;
    line-height:1.5
}
div.index-banner .flex-box a.more{
    display:inline-block;
    font-size:18px;
    color:#fff;
    background-color:#f90;
    padding:10px 20px;
    margin-top:45px
}
@media screen and (max-width:768px){
    div.index-banner .flex-box{
        font-size:14px
    }
    div.index-banner .flex-box h3.orange{
        font-size:18px
    }
    div.index-banner .flex-box a.more{
        font-size:14px;
        padding:6px 18px
    }
}
div.index-container{
    padding:21px 0
}
div.index-container .title{
    text-align:center;
    padding:15px 0
}
div.index-container .title p.en{
    text-transform:uppercase;
    font-size:18px;
    color:#ccc;
    line-height:1.5
}
div.index-container .title h3{
    font-size:24px;
    color:#0091ea;
    line-height:1.5;
    position:relative
}
div.index-container .title h3:after{
    display:block;
    content:'';
    width:540px;
    border-bottom:1px solid #c2c2c2;
    position:absolute;
    left:50%;
    margin-left:-270px;
    top:17px;
    z-index:1
}
div.index-container .title h3 span.tit{
    display:inline-block;
    background-color:#fff;
    padding:0 20px;
    position:relative;
    z-index:10
}
@media screen and (max-width:980px){
    div.index-container .title p.en{
        font-size:.2rem
    }
    div.index-container .title h3{
        font-size:.3rem
    }
    div.index-container .title h3:after{
        width:5.4rem;
        margin-left:-2.7rem;
        top:.2rem
    }
}
@media screen and (max-width:560px){
    div.index-container .title p.en{
        font-size:.14rem
    }
    div.index-container .title h3{
        font-size:.36rem
    }
    div.index-container .title h3:after{
        top:.24rem
    }
}
div.index-container .content{
    padding-top:15px
}
div.index-container .content .index-list-01-box{
    padding-bottom:20px
}
div.index-container .content .index-list-01-box:after{
    display:block;
    content:'';
    clear:both
}
div.index-container .content .index-list-01-box a.list-item{
    display:block;
    width:23.5%;
    margin-left:2%;
    overflow:hidden;
    float:left
}
div.index-container .content .index-list-01-box a.list-item:first-child{
    margin-left:0
}
div.index-container .content .index-list-01-box a.list-item dl{
    margin:0
}
div.index-container .content .index-list-01-box a.list-item dl dt{
    overflow:hidden
}
div.index-container .content .index-list-01-box a.list-item dl dt img{
    width:100%;
    height:150px;
    -o-object-fit:cover;
    object-fit:cover;
    transition:All .4s ease-in-out
}
div.index-container .content .index-list-01-box a.list-item dl dd{
    padding-top:5px
}
div.index-container .content .index-list-01-box a.list-item dl dd h3{
    font-size:18px;
    color:#666;
    text-align:center;
    padding:15px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
@media screen and (max-width:980px){
    div.index-container .content .index-list-01-box a.list-item{
        width:49%;
        padding:.15rem 0
    }
    div.index-container .content .index-list-01-box a.list-item:nth-child(2n+1){
        margin-left:0
    }
    div.index-container .content .index-list-01-box a.list-item dl{
        text-align:center
    }
    div.index-container .content .index-list-01-box a.list-item dl dt img{
        max-width:100%;
        height:1.6rem;
        -o-object-fit:cover;
        object-fit:cover
    }
    div.index-container .content .index-list-01-box a.list-item dl dd{
        padding-top:.15rem
    }
    div.index-container .content .index-list-01-box a.list-item dl dd h3{
        font-size:.2rem;
        padding:0 0 .15rem
    }
}
@media screen and (max-width:560px){
    div.index-container .content .index-list-01-box a.list-item{
        width:100%;
        margin-left:0
    }
    div.index-container .content .index-list-01-box a.list-item:nth-child(2n+1){
        margin-left:0
    }
    div.index-container .content .index-list-01-box a.list-item dl dt img{
        height:auto
    }
    div.index-container .content .index-list-01-box a.list-item dl dd{
        padding-top:.2rem
    }
}
div.index-container .content .index-list-02-box:after{
    display:block;
    content:'';
    clear:both
}
div.index-container .content .index-list-02-box .left-info,div.index-container .content .index-list-02-box .right-info{
    box-sizing:border-box
}
div.index-container .content .index-list-02-box .left-info{
    width:100%;
    font-size:14px;
    color:#666;
    line-height:2;
    text-indent:2em;
    float:left;
    padding:0;
		margin-top:20px;
}
div.index-container .content .index-list-02-box .right-info{
    width:100%;
    padding:0;
    float:right
}
div.index-container .content .index-list-02-box .right-info img{
    width:100%;
    height:315px;
    -o-object-fit:cover;
    object-fit:cover
}
@media screen and (max-width:1200px){
    div.index-container .content .index-list-02-box{
        padding-bottom:20px
    }
    div.index-container .content .index-list-02-box .left-info,div.index-container .content .index-list-02-box .right-info{
        width:100%;
        padding:0
    }
    div.index-container .content .index-list-02-box .left-info{
        font-size:12px;
        line-height:1.8
    }
    div.index-container .content .index-list-02-box .left-info img{
        width:auto;
        max-width:100%;
        height:auto
    }
    div.index-container .content .index-list-02-box .right-info{
        padding-bottom:20px;
    }
}
div.index-container .content .news-list-box:after{
    display:block;
    content:'';
    clear:both
}
div.index-container .content .news-list-box a.list-item{
    width:31.3%;
    margin:15px 0 15px 3%;
    overflow:hidden;
    float:left;
    display:block
}
div.index-container .content .news-list-box a.list-item:nth-child(3n+1){
    margin-left:0
}
div.index-container .content .news-list-box a.list-item dl{
    background-color:#fff;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    margin:0;
    border-radius:8px
}
div.index-container .content .news-list-box a.list-item dl dt{
    overflow:hidden
}
div.index-container .content .news-list-box a.list-item dl dt img{
    width:100%;
    height:215px;
    -o-object-fit:cover;
    object-fit:cover;
    transition:All .4s ease-in-out
}
div.index-container .content .news-list-box a.list-item dl dd{
    font-size:16px;
    padding:10px 0;
    position:relative
}
div.index-container .content .news-list-box a.list-item dl dd p.date{
    color:#ccc
}
div.index-container .content .news-list-box a.list-item dl dd h3{
    font-size:16px;
    color:#000;
    padding:5px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
div.index-container .content .news-list-box a.list-item dl dd p.intro{
    font-size:12px;
    color:#888;
    line-height:1.5;
    height:52px;
    overflow:hidden;
    margin-top:10px
}
div.index-container .content .news-list-box a.list-item dl dd p.more-box{
    text-align:right;
    padding-top:15px
}
div.index-container .content .news-list-box a.list-item dl dd p.more-box span.add{
    display:inline-block;
    width:22px;
    height:22px;
    background:url(../images/icon_add.png) center no-repeat;
    background-size:22px 22px
}
@media screen and (max-width:980px){
    div.index-container .content .news-list-box a.list-item{
        width:100%;
        margin-left:0;
        padding:.1rem 0;
        overflow:visible
    }
    div.index-container .content .news-list-box a.list-item dl{
        display:table;
        width:100%;
        padding:.15rem
    }
    div.index-container .content .news-list-box a.list-item dl dd,div.index-container .content .news-list-box a.list-item dl dt{
        display:table-cell;
        vertical-align:top
    }
    div.index-container .content .news-list-box a.list-item dl dt img{
        width:2.5rem
    }
    div.index-container .content .news-list-box a.list-item dl dd{
        padding:0 .15rem;
        font-size:.16rem
    }
    div.index-container .content .news-list-box a.list-item dl dd h3{
        width:5rem
    }
    div.index-container .content .news-list-box a.list-item dl dd p.intro{
        height:auto;
        margin-top:.15rem
    }
}
@media screen and (max-width:768px){
    div.index-container .content .news-list-box a.list-item dl,div.index-container .content .news-list-box a.list-item dl dd,div.index-container .content .news-list-box a.list-item dl dt{
        display:block
    }
    div.index-container .content .news-list-box a.list-item dl dt{
        text-align:center;
        padding:.15rem 0
    }
    div.index-container .content .news-list-box a.list-item dl dt img{
        width:auto;
        max-width:100%;
        height:auto
    }
    div.index-container .content .news-list-box a.list-item dl dd h3{
        font-size:.32rem
    }
}
div.index-container .content .case-list-box{
    padding-bottom:20px;
    position:relative;
    z-index:10
}
div.index-container .content .case-list-box:after{
    display:block;
    content:'';
    clear:both
}
div.index-container .content .case-list-box a.list-item{
    display:block;
    width:18.4%;
    margin-left:2%;
    overflow:hidden;
    float:left
}
div.index-container .content .case-list-box a.list-item:first-child{
    margin-left:0
}
div.index-container .content .case-list-box a.list-item dl{
    margin:0
}
div.index-container .content .case-list-box a.list-item dl dt{
    overflow:hidden
}
div.index-container .content .case-list-box a.list-item dl dt img{
    width:100%;
    transition:All .4s ease-in-out;
    border-radius:10px
}
div.index-container .content .case-list-box a.list-item dl dd{
    padding-top:5px
}
div.index-container .content .case-list-box a.list-item dl dd h3{
    font-size:14px;
    color:#888;
    text-align:center;
    padding:15px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
@media screen and (max-width:980px){
    div.index-container .content .case-list-box a.list-item{
        width:49%;
        padding:.15rem 0
    }
    div.index-container .content .case-list-box a.list-item:nth-child(2n+1){
        margin-left:0
    }
    div.index-container .content .case-list-box a.list-item dl{
        text-align:center
    }
    div.index-container .content .case-list-box a.list-item dl dt img{
        max-width:100%;
        height:5rem;
        -o-object-fit:cover;
        object-fit:cover
    }
    div.index-container .content .case-list-box a.list-item dl dd{
        padding-top:.15rem
    }
    div.index-container .content .case-list-box a.list-item dl dd h3{
        padding:0 0 .15rem
    }
}
@media screen and (max-width:560px){
    div.index-container .content .case-list-box a.list-item{
        width:100%;
        margin-left:0
    }
    div.index-container .content .case-list-box a.list-item:nth-child(2n+1){
        margin-left:0
    }
    div.index-container .content .case-list-box a.list-item dl dt img{
        height:auto
    }
    div.index-container .content .case-list-box a.list-item dl dd{
        padding-top:.2rem
    }
}
@media screen and (max-width:980px){
    div.index-container .content .news-list-container{
        padding:0
    }
}
div.index-container.index-about-wrap{
    background-color:#f7f5f6;
    padding:0;
    position:relative
}
/*div.index-container.index-about-wrap:before{
    display:block;
    content:'';
    width:60%;
    height:180px;
    background-color:#1e50af;
    position:absolute;
    bottom:0;
    right:0;
    z-index:1
}
*/
div.index-container.index-about-wrap .title h3 span.tit{
    background-color:#f7f5f6
}
div.index-container.index-about-wrap .content .index-list-02-box{
    position:relative;
    z-index:10
}
@media screen and (max-width:1200px){
    div.index-container.index-about-wrap:before{
        display:none
    }
}
div.index-container.index-case-wrap{
    position:relative
}
div.index-container.index-case-wrap:before{
    display:block;
    content:'';
    width:100%;
    height:50%;
    background:url(../images/index_inner_box_bg.jpg) top center no-repeat;
    position:absolute;
    left:0;
    top:120px;
    z-index:1
}
div.index-container.index-case-wrap .content{
    padding-top:60px
}
@media screen and (max-width:980px){
    div.index-container.index-case-wrap:before{
        display:none
    }
    div.index-container.index-case-wrap .content{
        padding-top:0
    }
}
@media screen and (max-width:768px){
    div.index-container{
        padding:.2rem 0
    }
}
.inner-banner-wrapper img{
    width:100%
}
@media screen and (max-width:420px){
    .inner-banner-wrapper img{
        height:3.6rem;
        -o-object-fit:cover;
        object-fit:cover
    }
}
div.position-wrapper{
    font-size:14px;
    color:#999;
    text-align:right;
    padding:15px 0
}
div.position-wrapper p.pos{
    background:url(../images/icon_home.png) left center no-repeat;
    background-size:auto 14px;
    display:inline-block;
    padding-left:20px
}
div.position-wrapper a{
    color:#999
}
@media screen and (max-width:768px){
    div.position-wrapper{
        font-size:.12rem
    }
}
div.inner-box{
    padding:10px 0 30px
}
div.inner-box .title{
    padding:0 15px
}
div.inner-box .title h3{
    font-size:24px;
    color:#00a0eb;
    text-align:left
}
div.inner-box .title h3 span{
    padding:8px 12px;
    display:inline-block;
    position:relative
}
div.inner-box .title h3 span:after,div.inner-box .title h3 span:before{
    display:block;
    content:'';
    width:15px;
    height:15px;
    background:center no-repeat;
    background-size:100% 100%;
    position:absolute
}
div.inner-box .title h3 span:before{
    left:0;
    top:0;
    background-image:url(../images/inner_top.png)
}
div.inner-box .title h3 span:after{
    right:0;
    bottom:0;
    background-image:url(../images/inner_bottom.png)
}
@media screen and (max-width:980px){
    div.inner-box .title h3{
        font-size:.28rem
    }
    div.inner-box .title h3:after,div.inner-box .title h3:before{
        width:1.6rem
    }
}
@media screen and (max-width:560px){
    div.inner-box .title{
        padding-bottom:.15rem
    }
    div.inner-box .title h3{
        font-size:.36rem
    }
}
div.inner-box .content{
    padding-top:15px
}
div.inner-box .content .index-bottom-nav{
    text-align:center;
    padding:20px 0
}
div.inner-box .content .index-bottom-nav ul.list{
    display:inline-block
}
div.inner-box .content .index-bottom-nav ul.list:after{
    display:block;
    content:'';
    clear:both
}
div.inner-box .content .index-bottom-nav ul.list li{
    border:1px solid #ffae00;
    background-color:#fff;
    line-height:1;
    padding:8px 15px;
    margin:0 8px;
    float:left;
    font-size:15px
}
div.inner-box .content .index-bottom-nav ul.list li a{
    color:#666
}
div.inner-box .content .index-bottom-nav ul.list li.active a{
    color:#ffae00
}
@media screen and (max-width:768px){
    div.inner-box .content .index-bottom-nav{
        padding:.15rem 0
    }
    div.inner-box .content .index-bottom-nav ul.list{
        display:block;
        width:100%;
        overflow-x:auto;
        white-space:nowrap
    }
    div.inner-box .content .index-bottom-nav ul.list li{
        padding:.12rem .2rem;
        font-size:.18rem;
        line-height:1.5;
        display:inline-block;
        vertical-align:middle;
        float:none;
        margin:0 .1rem
    }
    div.inner-box .content .index-bottom-nav ul.list:after{
        display:none
    }
    div.inner-box .content .index-bottom-nav ul.list:first-child{
        margin-left:0
    }
    div.inner-box .content .index-bottom-nav ul.list:last-child{
        margin-right:0
    }
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list{
    display:none
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item{
    padding:20px 0
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table{
    display:table;
    width:100%;
    background-color:#f6f6f6
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box,div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .thumb{
    display:table-cell;
    vertical-align:top
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .thumb{
    width:20px;
    white-space:nowrap;
    overflow:hidden
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .thumb img{
    width:600px;
    transition:All .4s ease-in-out
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box{
    padding:15px 15px 90px;
    font-size:15px;
    color:#666;
    position:relative
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box h3,div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box p{
    margin:0
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box h3{
    font-size:22px;
    color:#333;
    padding:15px 0
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box h3 a{
    color:#333
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box .btm-link{
    width:100%;
    box-sizing:border-box;
    padding:30px 20px;
    text-align:right;
    position:absolute;
    right:0;
    bottom:0;
    z-index:10
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box .btm-link a{
    display:inline-block;
    border:1px solid #bebebe;
    vertical-align:middle;
    background:left 10px center no-repeat #e0e0e0;
    background-size:20px;
    font-size:15px;
    color:#010101;
    line-height:1;
    padding:10px 15px 10px 30px;
    margin:0 5px
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box .btm-link a.view{
    background-image:url(../images/icon_eye.png)
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box .btm-link a.buy{
    background-image:url(../images/icon_cart.png)
}
div.inner-box .content .index-bottom-tab-box .index-bottom-list.active{
    display:block
}
@media screen and (max-width:1440px){
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .thumb img{
        width:360px
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box{
        padding:10px 10px 70px 15px
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box .btm-link{
        padding:15px
    }
}
@media screen and (max-width:980px){
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .container{
        padding:0
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table{
        display:block
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box,div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .thumb{
        display:block;
        width:100%
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .thumb{
        text-align:center
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .thumb img{
        max-width:100%;
        width:auto
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box h3{
        font-size:.32rem
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box p{
        font-size:.12rem;
        line-height:1.5
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box .btm-link{
        padding:15px;
        text-align:center
    }
    div.inner-box .content .index-bottom-tab-box .index-bottom-list .list-item .item-table .intro-box .btm-link a{
        font-size:.28rem
    }
}
div.inner-box .content .contact-map-box .container{
    position:relative
}
div.inner-box .content .contact-map-box iframe.mapFrame{
    width:100%;
    height:600px;
    position:relative;
    z-index:1
}
div.inner-box .content .contact-map-box .right-content{
    height:100%;
    box-sizing:border-box;
    padding:30px;
    color:#fff;
    line-height:1.8;
    background-color:rgba(10,124,232,.6);
    position:absolute;
    top:0;
    right:0;
    z-index:10
}
div.inner-box .content .contact-map-box .right-content h3{
    font-size:22px;
    margin-bottom:12px
}
div.inner-box .content .contact-map-box .right-content p{
    font-size:15px
}
@media screen and (max-width:980px){
    div.inner-box .content .contact-map-box iframe.mapFrame{
        height:3.2rem
    }
    div.inner-box .content .contact-map-box .right-content{
        position:static;
        padding:.35rem
    }
    div.inner-box .content .contact-map-box .right-content h3{
        font-size:.28rem
    }
    div.inner-box .content .contact-map-box .right-content p{
        font-size:.14rem
    }
}
@media screen and (max-width:560px){
    div.inner-box .content .contact-map-box iframe.mapFrame{
        height:6rem
    }
}
div.inner-box .content .news-list-box:after{
    display:block;
    content:'';
    clear:both
}
div.inner-box .content .news-list-box a.list-item{
    width:31.3%;
    margin:15px 0 15px 3%;
    overflow:hidden;
    float:left;
    display:block
}
div.inner-box .content .news-list-box a.list-item:nth-child(3n+1){
    margin-left:0
}
div.inner-box .content .news-list-box a.list-item dl{
    background-color:#fff;
    box-shadow:0 0 15px rgba(0,0,0,.2);
    margin:0;
    border-radius:8px
}
div.inner-box .content .news-list-box a.list-item dl dt{
    overflow:hidden
}
div.inner-box .content .news-list-box a.list-item dl dt img{
    width:100%;
    height:215px;
    -o-object-fit:cover;
    object-fit:cover;
    transition:All .4s ease-in-out
}
div.inner-box .content .news-list-box a.list-item dl dd{
    font-size:16px;
    padding:10px 0;
    position:relative
}
div.inner-box .content .news-list-box a.list-item dl dd p.date{
    color:#ccc
}
div.inner-box .content .news-list-box a.list-item dl dd h3{
    font-size:16px;
    color:#000;
    padding:5px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
div.inner-box .content .news-list-box a.list-item dl dd p.intro{
    font-size:12px;
    color:#888;
    line-height:1.5;
    height:52px;
    overflow:hidden;
    margin-top:10px
}
div.inner-box .content .news-list-box a.list-item dl dd p.more-box{
    text-align:right;
    padding-top:15px
}
div.inner-box .content .news-list-box a.list-item dl dd p.more-box span.add{
    display:inline-block;
    width:22px;
    height:22px;
    background:url(../images/icon_add.png) center no-repeat;
    background-size:22px 22px
}
@media screen and (max-width:980px){
    div.inner-box .content .news-list-box a.list-item{
        width:100%;
        margin-left:0;
        padding:.1rem 0;
        overflow:visible
    }
    div.inner-box .content .news-list-box a.list-item dl{
        display:table;
        width:100%;
        padding:.15rem
    }
    div.inner-box .content .news-list-box a.list-item dl dd,div.inner-box .content .news-list-box a.list-item dl dt{
        display:table-cell;
        vertical-align:top
    }
    div.inner-box .content .news-list-box a.list-item dl dt img{
        width:2.5rem
    }
    div.inner-box .content .news-list-box a.list-item dl dd{
        padding:0 .15rem;
        font-size:.16rem
    }
    div.inner-box .content .news-list-box a.list-item dl dd h3{
        width:5rem
    }
    div.inner-box .content .news-list-box a.list-item dl dd p.intro{
        height:auto;
        margin-top:.15rem
    }
}
@media screen and (max-width:768px){
    div.inner-box .content .news-list-box a.list-item dl,div.inner-box .content .news-list-box a.list-item dl dd,div.inner-box .content .news-list-box a.list-item dl dt{
        display:block
    }
    div.inner-box .content .news-list-box a.list-item dl dt{
        text-align:center;
        padding:.15rem 0
    }
    div.inner-box .content .news-list-box a.list-item dl dt img{
        width:auto;
        max-width:100%;
        height:auto
    }
    div.inner-box .content .news-list-box a.list-item dl dd h3{
        font-size:.32rem
    }
}
@media screen and (max-width:980px){
    div.inner-box .content .news-list-container{
        padding:0
    }
}
div.inner-box .content .page-box{
    text-align:center
}
div.detail-wrapper{
    padding:15px 0 30px
}
div.detail-wrapper .detail-title h3{
    font-size:24px;
    color:#333;
    padding:15px 0;
    line-height:1.5;
    border-bottom:1px solid #999;
    text-align:center
}
div.detail-wrapper .detail-title p.date{
    font-size:14px;
    color:#999;
    text-align:right;
    padding-top:15px
}
div.detail-wrapper .detail-content{
    padding:15px 0;
    font-size:14px;
    color:#999;
    line-height:1.5
}
div.detail-wrapper .detail-content img{
    max-width:100%!important
}
div.footer-wrapper .top-content .top-left-info .bottom-code dl dt img,div.footer-wrapper .top-content .top-left-info .bottom-logo img{
    max-width:100%
}
@media screen and (max-width:768px){
    div.detail-wrapper .detail-title h3{
        font-size:18px
    }
    div.detail-wrapper .detail-content{
        font-size:12px
    }
}
div.footer-wrapper .top-content{
    border-top:1px solid #e3e3e3;
    padding:20px 0;
    background-color:#003f6f
}
div.footer-wrapper .top-content .top-left-info{
    display:table;
    width:430px;
    float:left;
    text-align:center
}
div.footer-wrapper .top-content .top-left-info .bottom-logo{
    width:260px;
    margin:0 auto 20px
}
div.footer-wrapper .top-content .top-left-info .bottom-code{
    display:inline-block
}
div.footer-wrapper .top-content .top-left-info .bottom-code:after{
    display:block;
    content:'';
    clear:both
}
div.footer-wrapper .top-content .top-left-info .bottom-code dl{
    width:112px;
    text-align:center;
    margin:0 20px;
    float:left
}
div.footer-wrapper .top-content .top-left-info .bottom-code dl dd{
    font-size:12px;
    color:#fff;
    padding-top:10px
}
div.footer-wrapper .top-content .top-right-info{
    width:540px;
    float:right
}
div.footer-wrapper .top-content .top-right-info ul.list{
    padding-top:20px
}
div.footer-wrapper .top-content .top-right-info ul.list li{
    font-size:12px;
    color:#fff;
    padding:5px 0
}
div.footer-wrapper .bottom-content{
    background-color:#002744;
    text-align:center;
    font-size:12px;
    color:#fff;
    line-height:1.5;
    padding:10px 0
}
div.footer-wrapper .bottom-content .left,div.footer-wrapper .bottom-content .right{
    display:block
}
div.footer-wrapper .bottom-content .left{
    float:left
}
div.footer-wrapper .bottom-content .right{
    float:right
}
@media screen and (max-width:1200px){
    div.footer-wrapper .top-content .top-left-info,div.footer-wrapper .top-content .top-right-info{
        width:50%
    }
    div.footer-wrapper .top-content .top-right-info{
        text-align:center
    }
    div.footer-wrapper .top-content .top-right-info ul.list{
        display:inline-block;
        text-align:left
    }
}
@media screen and (max-width:980px){
    div.footer-wrapper .top-content .top-left-info,div.footer-wrapper .top-content .top-left-info .bottom-logo,div.footer-wrapper .top-content .top-right-info{
        width:100%
    }
    div.footer-wrapper .bottom-content .left,div.footer-wrapper .bottom-content .right{
        display:block;
        float:none
    }
    body{
        padding-top:.9rem
    }
}
@media screen and (max-width:420px){
    div.footer-wrapper .top-content .top-left-info .bottom-logo img{
        width:6.5rem
    }
    div.footer-wrapper .top-content .top-left-info .bottom-code dl{
        width:2.6rem;
        margin:0 .35rem
    }
}
body.fixed-body div.header-wrapper .right-content .mobile-menu{
    opacity:.5
}
body.fixed-body div.header-wrapper .right-content .mobile-menu span{
    position:relative
}
body.fixed-body div.header-wrapper .right-content .mobile-menu span:nth-child(1){
    transform:rotate(45deg);
    top:.13rem;
    left:-.05rem
}
body.fixed-body div.header-wrapper .right-content .mobile-menu span:nth-child(2){
    visibility:hidden
}
body.fixed-body div.header-wrapper .right-content .mobile-menu span:nth-child(3){
    transform:rotate(-45deg);
    top:-.15rem;
    left:-.05rem
}
body.fixed-body div.header-wrapper .right-content .navigation-box{
    left:0
}
@media screen and (max-width:768px){
    body{
        padding-top:1.2rem
    }
}